<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="user-scalable=no" > 
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<title></title>
</head>
<body>
	<nav id="main_nav" class="nav">
		<div id="back" class="back"><img src="./img/back-31.png"></div>
		<div class="nav_title">考勤管理</div>
		<div id="search" class="search"><img src="./img/client-55.png"></div>
	</nav>
	<section id="main_container">
		<div class="title">
			我的审批
		</div>
		<ul id="item_list">
			<li class="item">
				<div class="item_left">
					<div class="name_big">璇</div>
					<div class="timeuse">0天</div>
				</div>
				<div class="item_right">
					<h3 class="username">李昊璇</h3>
					<div class="time_span"><span>时间：</span>2017-09-15 至 2017-09-15</div>
					<div class="status">
						<span class="status_title">状态：</span>
						<span class="status_status">已批准</span>
						<span class="status_type">出差</span>
					</div>
				</div>
			</li>
			<li class="item">
				<div class="item_left">
					<div class="name_big">璇</div>
					<div class="timeuse">0天</div>
				</div>
				<div class="item_right">
					<h3 class="username">李昊璇</h3>
					<div class="time_span"><span>时间：</span>2017-09-15 至 2017-09-15</div>
					<div class="status">
						<span class="status_title">状态：</span>
						<span class="status_status">已批准</span>
						<span class="status_type">出差</span>
					</div>
				</div>
			</li>
			<li class="item">
				<div class="item_left">
					<div class="name_big">璇</div>
					<div class="timeuse">0天</div>
				</div>
				<div class="item_right">
					<h3 class="username">李昊璇</h3>
					<div class="time_span"><span>时间：</span>2017-09-15 至 2017-09-15</div>
					<div class="status">
						<span class="status_title">状态：</span>
						<span class="status_status">已批准</span>
						<span class="status_type">出差</span>
					</div>
				</div>
			</li>
			<li class="item">
				<div class="item_left">
					<div class="name_big">璇</div>
					<div class="timeuse">0天</div>
				</div>
				<div class="item_right">
					<h3 class="username">李昊璇</h3>
					<div class="time_span"><span>时间：</span>2017-09-15 至 2017-09-15</div>
					<div class="status">
						<span class="status_title">状态：</span>
						<span class="status_status">已批准</span>
						<span class="status_type">出差</span>
					</div>
				</div>
			</li>
			<li class="item">
				<div class="item_left">
					<div class="name_big">璇</div>
					<div class="timeuse">0天</div>
				</div>
				<div class="item_right">
					<h3 class="username">李昊璇</h3>
					<div class="time_span"><span>时间：</span>2017-09-15 至 2017-09-15</div>
					<div class="status">
						<span class="status_title">状态：</span>
						<span class="status_status">已批准</span>
						<span class="status_type">出差</span>
					</div>
				</div>
			</li>
			<li class="item">
				<div class="item_left">
					<div class="name_big">璇</div>
					<div class="timeuse">0天</div>
				</div>
				<div class="item_right">
					<h3 class="username">李昊璇</h3>
					<div class="time_span"><span>时间：</span>2017-09-15 至 2017-09-15</div>
					<div class="status">
						<span class="status_title">状态：</span>
						<span class="status_status">已批准</span>
						<span class="status_type">出差</span>
					</div>
				</div>
			</li>
			<li class="item">
				<div class="item_left">
					<div class="name_big">璇</div>
					<div class="timeuse">0天</div>
				</div>
				<div class="item_right">
					<h3 class="username">李昊璇</h3>
					<div class="time_span"><span>时间：</span>2017-09-15 至 2017-09-15</div>
					<div class="status">
						<span class="status_title">状态：</span>
						<span class="status_status">已批准</span>
						<span class="status_type">出差</span>
					</div>
				</div>
			</li>
			<li class="item">
				<div class="item_left">
					<div class="name_big">璇</div>
					<div class="timeuse">0天</div>
				</div>
				<div class="item_right">
					<h3 class="username">李昊璇</h3>
					<div class="time_span"><span>时间：</span>2017-09-15 至 2017-09-15</div>
					<div class="status">
						<span class="status_title">状态：</span>
						<span class="status_status">已批准</span>
						<span class="status_type">出差</span>
					</div>
				</div>
			</li>
		</ul>
		<div class="load6">
			<div class="bounce1"></div>
			<div class="bounce2"></div>
			<div class="bounce3"></div>
		</div>
	</section>
	<section id="select">
		<div class="select_container">
			<nav class="select_nav">
				<div id="select_back" class="back">取消</div>
				<div class="nav_title">筛选</div>
			</nav>
			<div class="choose_list">
				<div class="choose_name">
					<div>人员姓名</div>
					<input placeholder="点击输入">
				</div>
				<div class="choose_status">
					<div>审核状态</div>
					<ul class="status_list">
						<li class="active">全部类型</li>
						<li>未审核</li>
						<li>通过</li>
						<li>不通过</li>
						<li>废除</li>
						<li>未复审</li>
					</ul>
				</div>
			</div>
			<div class="button_list">
				<button id="search_cancel">重置</button>
				<button id="search_confirm">确定</button>
			</div>
		</div>
	</section>
	<section id="details">
		<nav class="nav">
			<div id="details_back" class="back"><img src="./img/back-31.png"></div>
			<div class="nav_title">审核</div>
			<div id="details_search" class="search"><img src="./img/client-55.png"></div>
		</nav>
		<div class="det_username">
			<div class="item_left">
				<div class="name_big">璇</div>
			</div>
			<div class="name_details">
				李昊璇
			</div>
		</div>
		<ul class="details_list">
			<li>
				<h3>出差类型</h3>
				<p>拜访客户</p>
			</li>
			<li>
				<h3>开始时间</h3>
				<p>2017-09-15</p>
			</li>
			<li>
				<h3>结束时间</h3>
				<p>2017-09-15</p>
			</li>
			<li>
				<h3>出差地点</h3>
				<p>2017-09-15</p>
			</li>
			<li>
				<h3>出差事由</h3>
				<p>2017-09-15</p>
			</li>
			<li>
				<h3>审核意见</h3>
				<input value="同意">
			</li>
		</ul>
		<div class="button_list">
			<button id="details_cancel"><img src="./img/management-20.png">打回</button>
			<button id="details_confirm"><img src="./img/management-21.png">审核通过</button>
		</div>
	</section>
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/style.js"></script>
</body>
</html>>